<!DOCTYPE html>
<html>

<head>
  <title data-i18n="optionsTitle">The Great-er Tab Discarder | General Settings</title>
  <link rel='icon' href='/img/icon19.png' id="suspended_icon" />
  <link rel="stylesheet" href="/css/font-awesome.min.css" />
  <link type="text/css" href="/css/style.css" rel="stylesheet" />
  <script type="module" src="/js/options.js"></script>
</head>

<body id="body">
  <div class="mainContent">
    <h1 class="pageHeader"><img src="/img/icon64_hidden.png" class="headerIcon" />The Great-<span class="italic">er</span> Tab Discarder</h1>

    <div class="contentNav">
      <ul>
        <li><a href="options.html" class="active" data-i18n="generalSettings">General Settings</a></li>
        <li><a href="options-suspend.html" data-i18n="suspendSettings">Suspend Settings</a></li>
        <li><a href="shortcuts.html" data-i18n="keyboardShortcuts">Keyboard Shortcuts</a></li>
        <li><a href="migrate.html" data-i18n="migrateTabs">Migrate Tabs</a></li>
        <li><a href="about.html" data-i18n="aboutSupport">About / Support</a></li>
      </ul>
    </div>

    <div class="content">
      <h2 data-i18n="generalSettings">General Settings</h2>
      <hr />

      <h2>
        <div class="toggle" id="modeToggle">
          <input type="checkbox" id="suspendMode" class="checkbox option" />
          <div class="slider"></div>
          <div class="slider-bg"></div>
        </div>
        <span data-i18n="tabsAutomatically">tabs automatically</span>
        <i class="icon-help fa fa-question-circle" title="
Choose to automatically Discard or Suspend your tabs.

- Discard: The modern approach that frees up more memory.  Uses native browser resource savings.
- Suspend: Classic suspended tabs free less memory, but allow for visual customization.

( Example screenshots coming soon... )
"></i>
      </h2>

      <div class="formRow">
        <label id="timeToDiscardLbl" for="timeToDiscard" class="selectLabel"><span class="modeLabel">Discard</span> <span data-i18n="discardTabsAfter">tabs after:</span></label>
        <select id="timeToDiscard" class="option">
          <option value="0" data-i18n="never">Never</option>
          <option value="0.05">3 seconds</option>
          <option value="0.33">20 seconds</option>
          <option value="1">1 min</option>
          <option value="5">5 <span data-i18n="minutes">mins</span></option>
          <option value="10">10 <span data-i18n="minutes">mins</span></option>
          <option value="15">15 <span data-i18n="minutes">mins</span></option>
          <option value="30">30 <span data-i18n="minutes">mins</span></option>
          <option value="60">1 <span data-i18n="hour">hour</span></option>
          <option value="120">2 <span data-i18n="hours">hours</span></option>
          <option value="240">4 <span data-i18n="hours">hours</span></option>
          <option value="360">6 <span data-i18n="hours">hours</span></option>
          <option value="720">12 <span data-i18n="hours">hours</span></option>
          <option value="1440">1 <span data-i18n="day">day</span></option>
          <option value="2880">2 <span data-i18n="days">days</span></option>
          <option value="4320">3 <span data-i18n="days">days</span></option>
        </select>
      </div>

      <div class="formRow autoDiscardOption">
        <input type="checkbox" id="dontDiscardPinned" class="option" />
        <label for="dontDiscardPinned" class="cbLabel"><span class="overlay"></span><span data-i18n="doNotDiscardPinned">Do not Discard pinned tabs</span></label>
      </div>

      <div class="formRow autoDiscardOption">
        <input type="checkbox" id="dontDiscardAudio" class="option" />
        <label for="dontDiscardAudio" class="cbLabel"><span class="overlay"></span><span data-i18n="doNotDiscardAudio">Do not Discard tabs that are playing audio</span></label>
      </div>

      <div class="formRow autoDiscardOption">
        <input type="checkbox" id="onlineCheck" class="option" />
        <label for="onlineCheck" class="cbLabel"><span class="overlay"></span><span data-i18n="onlineCheck">Only auto-Discard if connected to the internet</span></label>
      </div>

      <div class="formRow autoDiscardOption">
        <input type="checkbox" id="batteryCheck" class="option" />
        <label for="batteryCheck" class="cbLabel"><span class="overlay"></span><span data-i18n="batteryCheck">Only auto-Discard if running on battery</span></label>
      </div>

      <h2 data-i18n="browserStartup">Browser Startup</h2>
      <div class="formRow">
        <input type="checkbox" id="discardAtStartup" class="option" />
        <label for="discardAtStartup" class="cbLabel"><span class="overlay"></span><span data-i18n="preventReloading">Prevent reloading all tabs</span>
        </label>
          <i class="icon-help fa fa-question-circle" title="
By default Chrome lazy reloads all tabs after startup.
This option prevents the reload while keeping your tabs visible.
Great for Suspended tabs too!
"></i>
        <span class="small" style="margin:0 32px;" data-i18n="discardAtStartup">( Discards all tabs at startup )</span>
      </div>

      <h2>
        <span data-i18n="whitelist">Whitelist</span>
        <i class="icon-help fa fa-question-circle" title="
Add the URL of each page you want to whitelist on a new line. For example:

https://play.google.com/music/listen
https://mail.google.com

You can specify part of the url instead to whitelist multiple sites in one go:

google.com

You can also specify regular expressions by enclosing the text in forward slashes:

/^https:.*google\.com/
"></i>
      </h2>
      <textarea id="whitelist" class="option" rows="10" cols="50"></textarea>

      <h2 data-i18n="other">Other</h2>
      <div class="formRow">
        <input type="checkbox" id="addContextMenu" class="option" />
        <label for="addContextMenu" class="cbLabel"><span class="overlay"></span><span data-i18n="addContextMenu">Add The Great-er Tab Discarder to right-click context menu</span></label>
      </div>
      <div class="formRow">
        <input type="checkbox" id="syncOptions" class="option" />
        <label for="syncOptions" class="cbLabel"><span class="overlay"></span><span data-i18n="syncSettings">Sync settings between different systems</span></label>
        <div id="syncNote" class="note" data-i18n="syncNote">Turning this on will overwrite settings on all synced systems</div>
      </div>
      <div class="formRow">
        <input type="checkbox" id="addDiscardsMenu" class="option" />
        <label for="addDiscardsMenu" class="cbLabel"><span class="overlay"></span><span data-i18n="enableDebugLinks">Enable debug links on context and popup menus</span></label>
      </div>
      <div class="formRow"><br></div>

      <hr />
      <div class="small right" data-i18n="settingsAutoSaved">Settings are automatically saved.</div>

    </div>
  </div>
</body>

</html>
